<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en" data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>CocoFarm</title>

  <%= stylesheet_link_tag "style.css" %>

</head>
<body>

  <!-- Nav Bar -->

  <div class="row">
    <div class="large-12 columns">
      <h1><%= link_to 'Cocofarm', posts_path %> <small>최고의 블로그. 코코팜.</small></h1>
      <hr />
    </div>
  </div>

  <!-- End Nav -->


  <!-- Main Page Content and Sidebar -->

  <div class="row">

    <!-- Main Blog Content -->
    <div class="large-9 columns" role="content">

      <% @categories.each do |category| %>

      <article>

        <h2><%=link_to category.name, category%></h2>

      </article>

      <hr />
      <% end %>


    </div>
    <!-- End Main Content -->


    <!-- Sidebar -->

    <aside class="large-3 columns">

      <h5>카테고리</h5>
      <ul class="side-nav">
        <% @categories.each do |category| %>
        <li><%=link_to category.name, category%></li>
        <% end %>
      </ul>

      <div class="panel">
        <h5>관리 메뉴</h5>
        <p><%= link_to '새 글', new_post_path %><br>
          <%= link_to '새 카테고리', new_category_path %></p>
        </div>

      </aside>

      <!-- End Sidebar -->
    </div>

    <!-- End Main Content and Sidebar -->


    <!-- Footer -->

    <footer class="row">
      <div class="large-12 columns">
        <hr />
        <div class="row">
          <div class="large-6 columns">
            <p>&copy; Copyright no one at all. Go to town.</p>
          </div>
        </div>
      </div>
    </footer>
</html>
